<script setup>
defineOptions({ name: "Production", index: 2 });
import data from "@/assets/data/data.json";
</script>
<template>
  <h1 class="animate__animated animate__slideInLeft">
    {{ data.Home.header[2] }}
  </h1>
  <div class="content">
    <main>
      <p class="animate__animated animate__lightSpeedInLeft">
        {{ data.Production.description }}
      </p>
    </main>
  </div>
</template>
<style scoped lang="less">
h1 {
  font-size: 30px;
  text-align: center;
}
.content {
  display: flex;
  justify-content: center;
  align-items: center;
  main {
    height: 500px;
    width: 80%;
    text-align: center;
    background-color: #2c3e50;
    p {
      font-size: 25px;
      padding: 20px;
      color: black;
    }
  }
}
</style>
